<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>冒险起源</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.7.1.min.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
</head>
<body style="background: url(images/mem_in_bg.png) top no-repeat; background-size:100%;">
<!--header-->
<div class="header">
	<div class="header_bar"></div>
</div>
<!---->
<div class="mem_in_info">
    <div class="info_box x_start_end y_center">
      <div class="y_center">
          <!--会员中心新会员自动随机生成头像（可选择修改）；组队大厅，房间，组队记录等页面用的都是所选职业的头像和名称-->
          <div class="info_pic mr10"><a href="mem_pre_info.html"><img src="images/user_face/user_face_01.png" /></a></div>
          <a href="mem_pre_info.html" class="info_con">
              <h3 class="t_ellipsis_1">玩家123456</h3>
              <em class="info_id">ID:123456</em></a>
          </a>
      </div>
      <a href="javascript:;" class="mem_kf y_center"><img src="images/kefu02.png" /><span>客服</span></a>
  </div>
</div>
<div class="clear"></div>

<div class="mem_num_list">
	<div class="num_box x_start_end">
    	<a href="mem_money.html" class="li_box x_start_end y_center">
            <div>
                <p>账户余额</p>
                <h3><em>¥</em>0.00</h3>
            </div>
            <i class="m_icon money"></i>
        </a>
        <a href="mem_coin.html" class="li_box x_start_end y_center">
            <div>
                <p>助战币</p>
                <h3>0.00</h3>
            </div>
            <i class="m_icon points"></i>
        </a>
    </div>
</div>

<div class="clear"></div>
<div class="mem_nav_list">
    <a href="mem_team.html" class="list_li border_b x_start_end y_center">
        <div class="li_left y_center">
            <i class="m_icon team"></i>
            <span class="text">组队记录</span>
        </div>
        <div class="li_right y_center">
            <i class="m_icon more"></i>
        </div>
    </a>
    <a href="mem_feedback.html" class="list_li border_b x_start_end y_center">
        <div class="li_left y_center">
            <i class="m_icon appeal"></i>
            <span class="text">申诉记录</span>
        </div>
        <div class="li_right y_center">
            <i class="m_icon more"></i>
        </div>
    </a>
    <a href="mem_role.html" class="list_li border_b x_start_end y_center">
        <div class="li_left y_center">
            <i class="m_icon role"></i>
            <span class="text">角色管理</span>
        </div>
        <div class="li_right y_center">
            <i class="m_icon more"></i>
        </div>
    </a>
</div>
<div class="clear_h10 bgc_eee" style="opacity:0.3"></div>
<div class="mem_nav_list">
    <div class="list_li border_b x_start_end y_center">
        <div class="li_left y_center show_pop_share">
            <i class="m_icon share"></i>
            <span class="text">邀请好友</span>
            <i class="m_icon erweima ml5"></i>
        </div>
        <a href="mem_share.html" class="li_right y_center">
            <span class="color_e00 mr5">邀请好友得优惠券</span>
            <i class="m_icon more"></i>
        </a>
    </div>
    <a href="mem_message.html" class="list_li border_b x_start_end y_center">
        <div class="li_left y_center">
            <i class="m_icon message"></i>
            <span class="text">建议反馈</span>
        </div>
        <div class="li_right y_center">
            <i class="m_icon more"></i>
        </div>
    </a>
    <!--商务合作，点击弹窗，内容“请发送邮件至@***.com”，按钮“复制邮箱/我知道了”-->
    <a href="javascript:;" class="list_li border_b x_start_end y_center">
        <div class="li_left y_center">
            <i class="m_icon cooperate"></i>
            <span class="text">商务合作</span>
        </div>
        <div class="li_right y_center">
            <i class="m_icon more"></i>
        </div>
    </a>
    <a href="mem_news.html" class="list_li border_b x_start_end y_center">
        <div class="li_left y_center">
            <i class="m_icon problem"></i>
            <span class="text">常见问题</span>
        </div>
        <div class="li_right y_center">
            <i class="m_icon more"></i>
        </div>
    </a>
    
</div>
<div class="clear_h10"></div>
    
<!--footer-->
<div class="footer">
    <div class="foot_tabbar_empty"></div>
    <div class="foot_tabbar border_t x_pad_start_end">
        <a href="task_index.html" class="li_box home">
            <i class="icon"></i>
            <p>组队大厅</p>
        </a>
        <a href="mem_team.html" class="li_box team">
            <i class="icon"></i>
            <p>组队记录</p>
        </a>
        <a href="mem_share.html" class="li_box activity">
            <i class="icon"></i>
            <p>福利活动</p>
        </a>
        <a href="mem_index.html" class="li_box member on">
            <i class="icon"></i>
            <p>个人中心</p>
        </a>
    </div>
</div>

<!--弹窗，分享-->
<div class="js_dialog js_dialog_share">
	<div class="pop_box pop_share_box">
        <div class="pop_tit y_center">
        	<h3></h3>
            <i class="m_icon pop_close pop_share_close"></i>
        </div>
        <div class="con_box">
            <div class="user_face"><img src="images/user_face/user_face_01.png" /></div>
            <h3 class="name">玩家123456</h3>
            <p class="text">【DNF手游】组队打团，泰拉车上7713</p>
            <div class="erweima"><img src="images/erweima.png" /></div>
            <div class="logo"><img src="images/logo.png" /></div>
            <div class="clear_h20"></div>
        </div>
        <div class="btn_sub y_center">
            <div class="x_start_end w_percent_100">
                <a href="javascript:;" class="btn btn_oline btnc_fff">保存图片</a>
                <a href="javascript:;" class="btn btn_bg btnc_0b8" style="flex:2">马上邀请好友</a>
            </div>
        </div>
    </div>
</div>

<script>
$().ready(function(e) {
	
	//弹窗，分享
	pop_box_c({
		show_btn:".show_pop_share",
		zz:".js_dialog_share",
		box:".pop_share_box",
		close:".pop_share_close",
		body_close:true
	});
	
});
</script>
</body>
</html>
